<template>
  <div>
    <van-nav-bar title="职业榜单" left-text="" left-arrow @click-left="fun()" />
    <nav>
      <!-- <router-link to="/xinchou">薪酬涨幅榜</router-link> -->
      <van-tabs @click="onClick" sticky animated swipeable>
        <van-tab title="热搜职业榜"><ReSou /></van-tab>
        <van-tab title="薪酬涨幅榜"><XinChou /></van-tab>
        <van-tab title="新型职业榜"><XinChou /></van-tab>
        <van-tab title="新增词条榜"><XinChou /></van-tab>
      </van-tabs>
    </nav>
    <router-view></router-view>
  </div>
</template>

<script>
import { Toast } from "vant";
import ReSou from "@/components/qiqi/ReSou.vue";
import XinChou from "@/components/qiqi/XinChou.vue";
export default {
  data() {
    return {};
  },
  components: {
    ReSou,
    XinChou,
  },
  methods: {
    fun() {
      return this.$router.push("/zhiye");
    },
    onClick(name, title) {
      Toast(title);
    },
  },
};
</script>

<style lang="scss" scoped>
* {
  font-size: 0.16rem;
}
</style>